<template>
  <div class="bottom-content">
    <div class="searchWord-left">关键词搜索</div>

    <div class="saleRank-right">
      <el-card>
        <template #header>
          <div>分类销售排行</div>
          <!-- <div class="handle-goods"> -->
          <el-radio-group>
            <el-radio-button label="品类" />
            <el-radio-button label="商品" />
          </el-radio-group>
          <!-- </div> -->
        </template>

        <pieChart />
      </el-card>
    </div>
  </div>
</template>

<script lang="ts">
export default {
  name: "PieX",
};
</script>

<script lang="ts" setup>
import pieChart from "./pieChart.vue";
</script>

<style scoped>
.bottom-content {
  display: flex;
  margin-top: 20px;
}
.searchWord-left,
.searchWord-right {
  flex: 5;
}
.el-card :deep(.el-card__header) {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
}
</style>
